<template>
  <view class="vsbox" :style="row ? '' : 'flex-direction: column;'">
    <slot name="head"></slot>
    <view class="vscc">
      <slot name="center"></slot>
    </view>
    <slot name="end"></slot>
  </view>
</template>
<script>
export default {
  props: ["row"],
};
</script>
<style>
.vsbox {
  display: flex;
  min-height: 30px;
  width: 100%;
}
.vsbox,
.vscc {
  justify-content: center;
  align-items: center;
}
.vscc {
  display: flex;
  flex: 1;
  height: 100%;
  width: 100%;
}
</style>